﻿<!DOCTYPE html> 
<html> 
	<head> 
	    <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
	    <link rel="stylesheet" href="@Url.CDNContent("~/Content/jquery.mobile-1.1.0.min.css")" />
	    <script type="text/javascript" src="@Url.CDNContent("~/Scripts/jquery-1.7.2.min.js")"></script>
        <script type="text/javascript">
            $(document).bind("mobileinit", function() {
                // As of Beta 1, jQuery Mobile's Ajax navigation does not work in all cases (e.g., on WP7,
                // or when navigating from a mobile to a non-mobile page), hence disabling it.
                $.mobile.ajaxEnabled = false;
            });
        </script>
        <script src="@Url.CDNContent("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
        <script type="text/javascript" src="@Url.CDNContent("~/Scripts/jquery.mobile-1.1.0.min.js")"></script>
        @RenderSection("HeadArea", required: false)
    </head> 
<body> 
    <div data-role="page" data-theme="b">
	    <div data-role="header">
            <h1>@ViewBag.Title</h1>
            <a href="@Url.Action("Index","Home")" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
		    <a href="#" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
	    </div>
	    <div data-role="content">	
		    @RenderBody()		
	    </div>
    </div>
</body>
</html>